<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible"content="IE=9;IE=8;IE=7;IE=EDGE"> 
<link rel="shortcut icon" href="/img/icon.png">
<title>{{$nav_name}} - @if($nav_name_category){{$nav_name_category}} -@else @endif 捷腾体育后台管理系统</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="/admin/css/bootstrap.css">
<link rel="stylesheet" href="/admin/css/bootstrap-reset.css">
<!--external css-->
<link rel="stylesheet" href="/library/font-awesome/css/font-awesome.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="/admin/css/style.css">
<link rel="stylesheet" href="/admin/css/style-responsive.css">
<!--页面独立css-开始-->
@section('pagecss')
@show
<!--页面独立css-结束-->
<link rel="stylesheet" href="/admin/css/css.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
<!--[if lt IE 9]>
<script src="/admin/js/html5shiv.js"></script>
<script src="/admin/js/respond.min.js"></script>
<![endif]-->
<style type="text/css">
#LoadingDiv{
	position:fixed;left:0;top:0;z-index:9999;
	width:100%;background:#fff;opacity:0.2;filter:alpha(opacity=20);
}
#LoadingDiv_Text{
	position:fixed;top:50%;left:50%;z-index:10000;
	width:70px;height:70px;
	margin:-35px 0px 0px -35px;
	background:url(/img/loading-1_bg.png) no-repeat center;
	background-size:100%;
}
#LoadingDiv_Text_img{
	width:100%;height:100%;
	background:url(/img/loading-1.gif) no-repeat center;
}
</style>
<script type="text/javascript">
//获取浏览器页面可见高度和宽度
var _PageHeight = document.documentElement.clientHeight,
	_PageWidth = document.documentElement.clientWidth;
//计算loading框距离顶部和左部的距离（loading框的宽度为215px，高度为61px）
var _LoadingTop = _PageHeight > 61 ? (_PageHeight - 61) / 2 : 0,
	_LoadingLeft = _PageWidth > 215 ? (_PageWidth - 215) / 2 : 0;
//在页面未加载完毕之前显示的loading Html自定义内容
var _LoadingHtml = '<div id="LoadingDiv" style="height:' + _PageHeight + 'px;"></div><div id="LoadingDiv_Text" style="top:' + _LoadingTop + 'px; "><div id="LoadingDiv_Text_img"></div></div>';
//呈现loading效果
document.write(_LoadingHtml);
//window.onload = function () {
//    var loadingMask = document.getElementById('loadingDiv');
//    loadingMask.parentNode.removeChild(loadingMask);
//};
//监听加载状态改变
document.onreadystatechange = completeLoading;
//加载状态为complete时移除loading效果
function completeLoading() {
	if (document.readyState == "complete") {
		var loadingMask = document.getElementById('LoadingDiv');
		var loadingMask2 = document.getElementById('LoadingDiv_Text');
		loadingMask.parentNode.removeChild(loadingMask);
		loadingMask2.parentNode.removeChild(loadingMask2);
	}
}
</script>
</head>
<body data-join_type="{{$join_type}}">
<!--内容区Main-开始-->
<section id="container">
	<div class="progress progress-striped active progress-xs vue Js-looding" style="z-index:10000;">
        <div class="progress-bar progress-bar-success vue-success Js-looding-success" style="width:33%;"></div>
    </div>
	<!--顶部header区域-开始-->
	<header class="header white-bg">
		<div class="sidebar-toggle-box">
			<div data-original-title="打开/关闭导航" data-placement="right" class="icon-reorder tooltips"></div>
		</div>
		<!--logo-开始-->
		<a href="/admin/home/index" class="logo"><img src="/admin/img/logo.png"></a>
		<!--logo-结束-->
		<!--顶部-右侧-开始-->
		<div class="top-nav">
			<ul class="nav pull-right top-menu">
				<!--用户登录状态-开始-->
				<li class="dropdown">
					<a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
						<img src="/admin/img/avatar1_small.jpg">
						<span class="username">{{$name}}</span>
						<b class="caret"></b>
					</a>
					<ul class="dropdown-menu extended logout">
						<div class="log-arrow-up"></div>
						<li>
							<a href="/admin/order/list?page_id=3">
								<i class="icon-money"></i>订单
							</a>
						</li>
						<li>
							<a href="/admin/user/list?page_id=4">
								<i class="icon-group"></i>会员
							</a>
						</li>
						<li>
							<a href="/admin/team/list?page_id=5">
								<i class="icon-flag-checkered"></i>球队
							</a>
						</li>
						<li>
							<a href="javascript:;" class="Js-logout-a">
								<i class="icon-key"></i>退出登录
							</a>
						</li>
					</ul>
				</li>
				<!--用户登录状态-结束-->
			</ul>
		</div>
	</header>
	<!--顶部header区域-结束-->
	<!--左侧sidebar区域-开始-->
	<aside>
		<div id="sidebar" class="nav-collapse">
			<ul id="Data-Nav-List" class="sidebar-menu aw-hide">
			@foreach ($nav as $list)
				
				@if ($list->count > 0)
				<li data-text="{{$list->name}}" class="sidebar-menu-li sub-menu">
				@elseif ($list->count == 0)
				<li data-text="{{$list->name}}" class="sidebar-menu-li">
				@else
				<li data-text="{{$list->name}}">
				@endif
					<a href="{{$list->url}}" data-id="{{$list->id}}">
						<i class="{{$list->icon}}"></i>
						<span>{{$list->name}}</span>
						@if ($list->count > 0)
						<span class="arrow"></span>
						@endif
					</a>
					@if ($list->count > 0)
					<ul class="sub">
						@foreach ($list->nav_li as $li)
							@if ($li->status == 1)
							<li data-text="{{$li->name}}"><a href="{{$li->url}}" data-id="{{$li->id}}">{{$li->name}}</a></li>
							@endif
					    @endforeach
	                </ul>
	                @endif
				</li>
			@endforeach
				</li>
				<li>
					<a href="javascript:;" class="Js-logout-a">
						<i class="icon-key"></i>
						<span>退出登录</span>
					</a>
				</li>
			</ul>
		</div>
	</aside>
	<!--左侧sidebar区域-结束-->
	<!--右侧content区域-开始-->
	<section id="main-content">
		<section class="wrapper" id="Vue-Body" style="display:none;">
		<div class="Js-left-nav-hover" data-menu-list="{{$nav_name_category}}" data-menu-li="{{$nav_name}}"></div>
		@yield('content')
		</section>
	</section>
	<!--右侧content区域-结束-->
</section>
<div class="foot-support">
	<img src="/img/logo_default.png">
	<p>技术支持：武汉爱为网络科技有限公司</p>
	<p>售后联系方式：+86-15377534608</p>
	<p>售后QQ：2260859801</p>
</div>
<div class="foot-looding"></div>
<!--内容区Main-结束-->
<!--全局Js-开始-->
<!--JQ-->
<script type="text/javascript" src="/library/jquery/jquery.1.9.1.min.js"></script>
<!--BootStrap-->
<script type="text/javascript" src="/admin/js/bootstrap.min.js"></script>
<!--NiceScroll-滚动条定位-->
<script type="text/javascript" src="/library/jquery-nicescroll/jquery.nicescroll.js"></script>
<!--ScrollTo-滚动条-->
<script type="text/javascript" src="/library/jquery-scrollTo/jquery.scrollTo.min.js"></script> 
<!--Layer弹框-->
<script type="text/javascript" src="/library/layer/layer.js"></script>
<!--Vue-->
<script type="text/javascript" src="/library/vue/vue.js"></script>
<!--框架公共Js-->
<script type="text/javascript" src="/admin/js/common-scripts.js"></script>
<!--公共Js-->
<script type="text/javascript" src="/admin/js/main.js"></script>
<!--全局Js-结束-->
<!--页面独立js-开始-->
@section('pagejs')
@show
<!--页面独立js-结束-->
<!--所有内容加载完后加载Js-->
<script type="text/javascript" id="foot_script">
function Progress(id,num){
	var obj=$(id).length;
	if(obj){
		$('.Js-looding-success').animate({width:num+'%'},100,function(){
			if(num==100){
				setTimeout(function(){
					$('.Js-looding').fadeOut(50)
				},1000)
			}
		})
	}
}
Progress('#sidebar',70)
Progress('#main-content',95)
Progress('.foot-looding',100)
//需要所有加载完执行的JS
//元素-Title标签显示
$('.tooltips').tooltip();
//日期选择
DatepiCker()
</script>
</body>
</html>